<template>
  <div class="revisePassword">
    <!-- 卡片 -->
    <el-card>
      <div slot="header" class="clearfix">
        <h2>修改密码</h2>
      </div>
      <el-form ref="form" :model="form" label-width="100px">
        <el-form-item label="原密码:">
          <el-input v-model="form.name"></el-input>
        </el-form-item>
        <el-form-item label="新密码:">
          <el-input v-model="form.name"></el-input>
        </el-form-item>
        <el-form-item label="确认密码:">
          <el-input v-model="form.name"></el-input>
        </el-form-item>
        <el-form-item>
          <el-button>保存</el-button>
        </el-form-item>
      </el-form>
    </el-card>
  </div>
</template>


<script>
export default {
  data() {
    return {
      form: {
        name: ""
      }
    };
  }
};
</script>


<style scoped>
.el-card h2 {
  margin: 0;
  font-size: 20px;
  font-weight: 400;
  color: #212121;
  margin-top: 22px;
  margin-left: 22px;
  padding-left: 12px;
  border-left: 4px solid #3f51b5;
}
.el-input {
  width: 160px;
  height: 36px;
}
.el-button {
  width: 200px;
  height: 50px;
  background: #3f51b5;
  border-radius: 5px;
  font-size: 24px;
  color: #fff;
  float: left;
  margin-top: 34px;
  margin-left: -90px;
}
.el-form {
    margin: 0 0 0 80px;
}
</style>